<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
		<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
		<script type="text/javascript" src="../js/iscroll.js"></script>
		<script type="text/javascript">
			var myscroll;
			function loaded(){
				myscroll = new iScroll("wrapper",{
					scrollY:true,
					vScroll:true,
					useTransition:true,
					hideScrollbar:true,
					onScrollMove:function(){
						$(".backTop").click(function(){
							myscroll.scrollToElement(".TV-counts",300);
						});
					} 
				});
			}
			window.addEventListener("DOMContentLoaded",loaded,false);
		</script>
		<script type="text/javascript" src="../js/fastclick.js"></script>
		<title></title>
		<link rel="stylesheet" type="text/css" href="../iconfont/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/amusement.css"/>
	</head>
	<body>
		<div class="wrap">
			
			<!-- 头部 -->
			<div class="header">
				<script>
					$(".header").load("common-header.html");
				</script>
	</div>
			
			<div class="banner">
				<img src="../img/TV-img/amusement-banner.jpg" alt="" />
				<!-- 更新至哪一集 -->
				<div class="update-count">
					更新至<span>24</span>集<b>/</b>共<span>42</span>集
				</div>
			</div>
			
			<!-- 具体内容：更新，简介，主演，其他热剧 -->
			<div class="amusement-content" id="wrapper">
				<div class="TV-content" id="scroller">
					
					<!-- 更新的集数 -->
					<div class="TV-counts">
						
						<!-- 具体的集数 -->
						<div class="tvcounts">
							<div class="show-counts">
							    <ul class="showcounts">
									<li class="li-first">24</li>
									<li>23</li>
									<li>22</li>
									<li>21</li>
									<li>20</li>
									<li>19</li>
									<li>18</li>
									<li>17</li>
									<li>16</li>
								</ul>
							</div>
							
							<!-- 更多 -->
							<span class="TV-more"><i class="icon iconfont">&#xe636;</i></span>
						</div>
						
						<!-- 简介 -->
						<div class="amusement-detail">
							<div>
								<span class="detail-title">简介：</span>
								<p class="main-detail">
									<span class="TV-name">《山海经之赤影传说》</span>
								是由凤凰传奇营业有限公司，北京市文化创意产业投资基金管理有限公司出品，
								北京电影学院联合摄制的大型玄幻神话偶像剧，由香港著名导演朱瑞滨执导，张翰，古力娜扎，
							关智斌，蓝盈盈，李超，高伟光，高钧贤，李茂，吴磊等领衔主演。
								<span class="content-more">凰传奇营业有限公司，北京市文化创意产业投资基金管理有限公司出品，北京电影学院联合摄制的大型</span>
								<span class="more">更多</span>
								</p>
							</div>
							
							<div class="main-role">
								<b>主演：</b>张翰<span>/</span>古力娜扎<span>/</span>蓝盈盈<span>/</span>关智斌<span>/</span>高钧贤<span>/</span>李超
							</div>
						</div>
						
						<!-- 其他热剧 -->
						<div class="otherTV">
							<h2>其他热剧</h2>
							<div class="show-other-TV">
								<dl class="other-list">
									<dt><img src="../img/TV-img/other-list1.jpg" alt=""/></dt>
									<dd><span>订阅</span></dd>
								</dl>
								<dl class="other-list">
									<dt><img src="../img/TV-img/other-list1.jpg" alt=""/></dt>
									<dd><span>订阅</span></dd>
								</dl>
								<dl class="other-list">
									<dt><img src="../img/TV-img/other-list1.jpg" alt=""/></dt>
									<dd><span>订阅</span></dd>
								</dl>
								<dl class="other-list">
									<dt><img src="../img/TV-img/other-list1.jpg" alt=""/></dt>
									<dd><span>订阅</span></dd>
								</dl>
							</div>
						</div>
					</div>
					
				</div>
			</div>
			
			
			<!-- 尾部 -->
			<div class="footer">
				<script type="text/javascript">
					$(".footer").load("common-foot.html");
				</script>
			</div>
		</div>
	</body>
</html>
